---
title: Eleventy에서 마이그레이션
description: 기존 Eleventy 프로젝트를 Astro로 마이그레이션하기 위한 팁
type: migration
stub: true
framework: Eleventy
i18nReady: true
---

import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'

[Eleventy](https://11ty.dev)는 여러 템플릿 언어로 작동하는 오픈 소스 정적 사이트 생성기입니다.

## Eleventy (11ty)와 Astro의 주요 유사점

Eleventy (11ty)와 Astro는 프로젝트 마이그레이션에 도움이 되는 몇 가지 유사점을 공유합니다.

- Astro와 Eleventy는 모두 현대적인 JavaScript 기반 (Jamstack) 사이트 빌더입니다.

- Astro와 Eleventy 모두 [헤드리스 CMS, API 또는 데이터용 Markdown 파일](/ko/guides/data-fetching/)을 사용할 수 있습니다. 선호하는 [콘텐츠 작성](/ko/guides/content/) 시스템을 계속 사용할 수 있으며 기존 콘텐츠를 유지할 수 있습니다.

## Eleventy (11ty)와 Astro의 주요 차이점

Astro에서 Eleventy (11ty) 사이트를 재빌드하면 몇 가지 중요한 차이점을 발견할 수 있습니다.

- Eleventy는 다양한 템플릿 언어를 지원합니다. Astro는 [널리 사용되는 여러 JS 프레임워크 (예: React, Svelte, Vue, Solid)의 컴포넌트](/ko/guides/framework-components/)를 지원하지만 대부분의 페이지 템플릿에서는 [Astro 레이아웃, 페이지 및 컴포넌트](/ko/basics/astro-components/)를 사용합니다.

- Astro는 사이트 메타데이터를 포함하여 사이트 빌드 중 쿼리 및 처리에 사용할 수 있는 모든 파일에 대해 [`src/` 디렉터리](/ko/basics/project-structure/#src)를 사용합니다. 이 안에는 [파일 기반 라우팅을 위한 특수 `src/pages/` 폴더](/ko/basics/astro-pages/)가 있습니다.

- Astro는 빌드 중에 처리하거나 변환할 필요가 없는 [정적 자산용 `public/` 폴더](/ko/basics/project-structure/#public)를 사용합니다.

- Eleventy에서는 CSS, JavaScript 및 기타 자산 번들링을 수동으로 구성해야 합니다. [Astro는 이 문제를 즉시 처리합니다](/ko/concepts/why-astro/#사용-용이성).

## Eleventy에서 Astro로 전환

Eleventy 블로그를 Astro로 변환하려면 블로그 테마 시작 템플릿으로 시작하거나 [테마 쇼케이스](https://astro.build/themes/)에서 더 많은 커뮤니티 블로그 테마를 탐색하세요.

공식 스타터 중 하나를 사용하여 새로운 Astro 프로젝트를 시작하려면 `--template` 인수를 `create astro` 명령에 전달할 수 있습니다. 또는 [GitHub의 기존 Astro 저장소에서 새 프로젝트를 시작](/ko/install/auto/#시작-템플릿)할 수 있습니다.

  <PackageManagerTabs>
    <Fragment slot="npm">
    ```shell
    npm create astro@latest -- --template blog
    ```
    </Fragment>
    <Fragment slot="pnpm">
    ```shell
    pnpm create astro@latest --template blog
    ```
    </Fragment>
    <Fragment slot="yarn">
    ```shell
    yarn create astro --template blog
    ```
    </Fragment>
  </PackageManagerTabs>

[Markdown 또는 MDX 페이지를 생성](/ko/guides/markdown-content/)하기 위해 기존 Markdown (또는 선택적 통합이 포함된 MDX) 파일을 콘텐츠로 가져오세요.

Eleventy 프로젝트를 통해 다양한 템플릿 언어를 사용하여 사이트를 빌드할 수 있었습니다. Astro 프로젝트에서 페이지 템플릿은 대부분 UI 요소, 레이아웃 및 전체 페이지로 사용할 수 있는 Astro 컴포넌트를 사용하여 수행됩니다. 컴포넌트를 사용하여 Astro에서 템플릿을 작성하는 방법을 보려면 [Astro의 컴포넌트 구문](/ko/basics/astro-components/)을 살펴보세요.

포트폴리오나 문서 사이트 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소에 대한 링크는 물론 StackBlitz, CodeSandbox 및 Gitpod 온라인 개발 환경에서 작업 중인 프로젝트를 열 수 있는 원클릭 링크도 찾을 수 있습니다.

## 커뮤니티 자료

- 여러분의 자료를 추가하세요!